#site-box { 
width :500px ;
height:500px;
}


body{
background-image: url("3K.png");/*背景画像URL*/
background-repeat: no-repeat;/*壁紙の表示方法*/
background-attachment:;/*背景壁紙固定なし*/ 
background-position:15px 100px;/*背景の表示位置*/

color:;

}
body { background-color:; }


#a-box {
width :500px ;
position:absolute;
}
.class1{
text-decoration:none;
font-size:18px;
font-family:Times New Roman;
color:;
position:absolute;
top:30pt;
right:0pt;
bottom:0pt;
left:22pt;
}


#b-box{position:absolute;
}

a.class1{
display:block;/*テキストをボックスにする*/
position:absolute;top:490px; right:0px; left:25px;
width:110px;/*ボックスの幅指定（画像に合わせる）*/
height:77.3px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("1s.png");
background-position:;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class1:hover{
background-image:url(1m.png);
color:black;/*リンクに触れたときの文字カラー*/}


a.class2{
display:block;/*テキストをボックスにする*/
position:absolute;top:490px; right:0px; left:125px;
width:110px;/*ボックスの幅指定（画像に合わせる）*/
height:77.3px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("2s.png");
background-position:;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class2:hover{
background-image:url(2m.png);
color:black;/*リンクに触れたときの文字カラー*/}


a.class3{
display:block;/*テキストをボックスにする*/
position:absolute;top:490px; right:0px; left:225px;
width:110px;/*ボックスの幅指定（画像に合わせる）*/
height:77.3px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("4s.png");
background-position:;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class3:hover{
background-image:url(4m.png);
color:black;/*リンクに触れたときの文字カラー*/}


a.class4{
display:block;/*テキストをボックスにする*/
position:absolute;top:490px; right:0px; left:325px;
width:110px;/*ボックスの幅指定（画像に合わせる）*/
height:77.3px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("5s.png");
background-position:;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class4:hover{
background-image:url(5m.png);
color:black;/*リンクに触れたときの文字カラー*/}


a.class5{
display:block;/*テキストをボックスにする*/
position:absolute;top:490px; right:0px; left:425px;
width:110px;/*ボックスの幅指定（画像に合わせる）*/
height:77.3px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("6s.png");
background-position:;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class5:hover{
background-image:url(6m.png);
color:black;/*リンクに触れたときの文字カラー*/}

#c-box{position:absolute;}

a.class6{
display:block;/*テキストをボックスにする*/
position:absolute;top:60px; right:0px; left:480px;
width:110px;/*ボックスの幅指定（画像に合わせる）*/
height:77.3px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("close.png");
background-position:;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class6:hover{
background-image:url(close2.png);
color:black;/*リンクに触れたときの文字カラー*/}